
.humanize {
  color: #375375;
  width: 100%;
  height: 100%;
  .top {
    padding-top: 64px;
    width: 100%;
    background-image: url('@/assets/img/new-top.webp');
    background-size: 100% 100%;
  }
  .bottom {
    // height: 1000px;
    // background-color: #fff;
  }
}
.font-bold {
  font-weight: 700;
}
.text-3xl {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
.h-8 {
  height: 2rem;
}
.flex {
  display: flex;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.relative {
  position: relative;
}
.font-semibold {
  font-weight: 600;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
.items-center {
  align-items: center;
}
text-primary {
  --tw-text-opacity: 1;
  --ux-primary: 58 126 255;
  color: rgb(var(--ux-primary) / var(--tw-text-opacity, 1));
}
.italic {
  font-style: italic;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.items-center {
  align-items: center;
}
.cursor-pointer {
  cursor: pointer;
}
.flex {
  display: flex;
}
.relative {
  position: relative;
}

.i-cus--brainstorm-ideas {
  --svg: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJz48ZyBmaWxsPSdibGFjayc+PHBhdGggZD0nTTYuMiA4LjJ2LTFoLTN2MWgzWm0tLjUgMS41di0xaC0ydjFoMlonLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J000Ljc1IDIuNUMzLjU5NiAyLjUgMyAzLjQ1MSAzIDQuMjVjMCAuMzI0LjA1NS42MzQuMTUyLjg3Ny4xLjI0OC4yMjEuMzc2LjMyMi40MjYuMzYuMTguNTY2LjQzNy42NzMuNjg4LjEwMy4yNC4xMDMuNDQ3LjEwMy41MDloLTFjMC0uMDIxIDAtLjA2NC0uMDIyLS4xMTYtLjAxOC0uMDQtLjA2MS0uMTE3LS4yMDItLjE4Ny0uNC0uMi0uNjUyLS41NzItLjgwMy0uOTQ5QTMuNDE3IDMuNDE3IDAgMDEyIDQuMjVjMC0xLjIwMS45MDQtMi43NSAyLjc1LTIuNzVTNy41IDMuMDQ5IDcuNSA0LjI1YzAgLjQyNi0uMDcuODY2LS4yMjMgMS4yNDgtLjE1LjM3Ny0uNDA0Ljc1LS44MDMuOTVhLjM4My4zODMgMCAwMC0uMjIyLjI5NmwtLjAwMi4wMThWNi43NWgtMXYtLjAyMmEuOTU5Ljk1OSAwIDAxLjAxNC0uMTM2IDEuMzgyIDEuMzgyIDAgMDEuNzYzLTEuMDRjLjEtLjA1LjIyMi0uMTc3LjMyMS0uNDI1LjA5Ny0uMjQzLjE1Mi0uNTUzLjE1Mi0uODc3IDAtLjc5OS0uNTk2LTEuNzUtMS43NS0xLjc1WicgY2xpcC1ydWxlPSdldmVub2RkJy8+PHBhdGggZD0nbTcuNjMyIDkuNDM3IDIuMjUtMi4yNS0xLjA2OS0xLjA2OS0yLjI1IDIuMjVhLjI0My4yNDMgMCAwMC0uMDY0LjExM0w2LjI1IDkuNzVsMS4yNy0uMjVhLjI0Mi4yNDIgMCAwMC4xMTItLjA2M1ptMi45NzYtMi45NzZhLjQ4NC40ODQgMCAwMDAtLjY4NWwtLjM4NC0uMzg0YS40ODQuNDg0IDAgMDAtLjY4NSAwbC0uMzg0LjM4NCAxLjA3IDEuMDY5LjM4My0uMzg0WicvPjwvZz48L3N2Zz4=);
}
.i-cus--biology,
.i-cus--brainstorm-ideas {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.w-\[18px\] {
  width: 18px;
}
.h-\[18px\] {
  height: 18px;
}
.center-left,
.center-right {
  width: 49.5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.text-primary {
  --ux-primary: 58 126 255;
  --tw-text-opacity: 1;
  color: rgb(var(--ux-primary) / var(--tw-text-opacity, 1));
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.items-center {
  align-items: center;
}
.flex {
  display: flex;
}
.Content_bypassOl__wt3Qv ol {
  list-style: none;
  counter-reset: custom-counter;
  padding: 4px 4px 4px 8px;
  margin: 4px 0 0;
}
.bg-\[\#F7FAFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 255 / var(--tw-bg-opacity, 1));
}
.rounded {
  border-radius: 0.25rem;
}
// .Content_bypassOl__wt3Qv ol li {
//   counter-increment: custom-counter;
//   position: relative;
//   padding: 0 0 0 16px;
//   margin: 0;
// }
.text-display {
  --ux-display: 55 83 117;
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display) / var(--tw-text-opacity, 1));
}

:deep(.el-textarea__inner) {
  outline: none;
  border: none;
  resize: none;
  box-shadow: none;
  // background: #f8f8f8;
}

.i-bx--file,
.i-bx--gift {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.i-bx--file {
  --svg: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSdibGFjaycgZD0nTTE5LjkwMyA4LjU4NmEuOTk3Ljk5NyAwIDAgMC0uMTk2LS4yOTNsLTYtNmEuOTk3Ljk5NyAwIDAgMC0uMjkzLS4xOTZjLS4wMy0uMDE0LS4wNjItLjAyMi0uMDk0LS4wMzNhLjk5MS45OTEgMCAwIDAtLjI1OS0uMDUxQzEzLjA0IDIuMDExIDEzLjAyMSAyIDEzIDJINmMtMS4xMDMgMC0yIC44OTctMiAydjE2YzAgMS4xMDMuODk3IDIgMiAyaDEyYzEuMTAzIDAgMi0uODk3IDItMlY5YzAtLjAyMS0uMDExLS4wNC0uMDEzLS4wNjJhLjk1Mi45NTIgMCAwIDAtLjA1MS0uMjU5Yy0uMDEtLjAzMi0uMDE5LS4wNjMtLjAzMy0uMDkzTTE2LjU4NiA4SDE0VjUuNDE0ek02IDIwVjRoNnY1YTEgMSAwIDAgMCAxIDFoNWwuMDAyIDEweicvPjxwYXRoIGZpbGw9J2JsYWNrJyBkPSdNOCAxMmg4djJIOHptMCA0aDh2Mkg4em0wLThoMnYySDh6Jy8+PC9zdmc+);
}
.i-com--copy,
.i-com--dislike {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.i-com--copy {
  --svg: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzQ4JyBoZWlnaHQ9JzQ4Jz48cGF0aCBmaWxsPSdibGFjaycgZD0nTTM5IDVIMjBjLTIuMjA2IDAtNCAxLjc5NC00IDR2N0g5Yy0yLjIwNiAwLTQgMS43OTQtNCA0djE5YzAgMi4yMDYgMS43OTQgNCA0IDRoMTljMi4yMDYgMCA0LTEuNzk0IDQtNHYtN2g3YzIuMjA2IDAgNC0xLjc5NCA0LTRWOWMwLTIuMjA2LTEuNzk0LTQtNC00Wk05IDM5VjIwaDE5bC4wMDQgMTlIOVptMzAtMTFoLTd2LThjMC0yLjIwNi0xLjc5NC00LTQtNGgtOFY5aDE5djE5WicvPjwvc3ZnPg==);
}
.i-cus--gpt4 {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTIuODE0IDQuNTEzLjU4NC0xLjI4NGEuMzg2LjM4NiAwIDAxLjcwNCAwbC41ODQgMS4yODRjLjE0OC4zMjUuNC41OS43MTUuNzVsLjc2LjM4NWEuMzk3LjM5NyAwIDAxMCAuNzA0bC0uNzYuMzg2Yy0uMzE1LjE2LS41NjcuNDI0LS43MTUuNzQ5bC0uNTg0IDEuMjg0YS4zODYuMzg2IDAgMDEtLjcwNCAwbC0uNTg0LTEuMjg0Yy0uMTQ4LS4zMjUtLjQtLjU5LS43MTUtLjc1bC0uNzYtLjM4NWEuMzk3LjM5NyAwIDAxMC0uNzA0bC43Ni0uMzg2Yy4zMTUtLjE2LjU2Ny0uNDI0LjcxNS0uNzQ5Wm00Ljk1My0yLjM3OC40MzctLjk2M2EuMjkuMjkgMCAwMS41MjkgMGwuNDM4Ljk2M2MuMTEuMjQzLjMuNDQyLjUzNi41NjJsLjU3LjI4OWEuMjk4LjI5OCAwIDAxMCAuNTI4bC0uNTcuMjljLS4yMzYuMTItLjQyNS4zMTgtLjUzNi41NjFsLS40MzguOTYzYS4yOS4yOSAwIDAxLS41MjkgMGwtLjQzNy0uOTYzYTEuMTc3IDEuMTc3IDAgMDAtLjUzNy0uNTYybC0uNTctLjI4OWEuMjk4LjI5OCAwIDAxMC0uNTI4bC41Ny0uMjljLjIzNy0uMTIuNDI2LS4zMTguNTM3LS41NjFaTTYuNTU2IDguNDQ2bC4zNjQtLjgwM2EuMjQxLjI0MSAwIDAxLjQ0IDBsLjM2Ni44MDNjLjA5Mi4yMDMuMjUuMzY4LjQ0Ny40NjhsLjQ3NC4yNGEuMjQ4LjI0OCAwIDAxMCAuNDQxbC0uNDc0LjI0MWEuOTc4Ljk3OCAwIDAwLS40NDcuNDY4bC0uMzY1LjgwM2EuMjQxLjI0MSAwIDAxLS40NCAwbC0uMzY1LS44MDNhLjk3OC45NzggMCAwMC0uNDQ3LS40NjhsLS40NzUtLjI0YS4yNDguMjQ4IDAgMDEwLS40NDFsLjQ3NS0uMjQxYS45NzguOTc4IDAgMDAuNDQ3LS40NjhaJy8+PC9zdmc+);
}
.w-7 {
  width: 1.75rem;
}
.h-7 {
  height: 1.75rem;
}
.p-6 {
    padding: 1.5rem;
}
.delete-icon{
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 999;
    cursor: pointer;
    background-color: #f7faff;
    padding: 5px;
    box-sizing: content-box;
    border-radius: 5px;
    &:hover{
        color: #3a7eff;
    }
}

:deep(.el-select-dropdown__item){
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.customIcon{
    cursor: pointer;
  
    padding: 5px;
    box-sizing: content-box;
    border-radius: 5px;
    &:hover{
        background-color: #f7faff;
        color: #3a7eff;
    }
}


:deep(.el-textarea__inner){
    padding: 0 !important;
}